HTML——meter 元素

meter元素可以用于表示已知范围或分数值的标量测量。也就是说，它用于表示一种特定范围内的数值。这可以是诸如磁盘使用、查询结果的相关性、分数等。

<label for="fuel">Fuel level:</label>

<meter id="fuel" min="0" max="100" low="33" high="66" optimum="80" value="50">at 50/100</meter>

在上述例子中，<meter> 元素表示了一个燃油表。它的最小值是 0，最大值是 100。在这个例子中，燃油表的值是 50。这个值在 0 和 100 之间，所以它不是低于最小值或高于最大值。这个值也不是低于低值或高于高值。但是，它是低于最佳值。这个值是 50，所以它是低于最佳值 80。当 value 值低于低值时，燃油表会显示为红色。当 value 处于 low 和 high 之间时，燃油表会显示为黄色。当 value 值高于高值时，燃油表会显示为绿色。

注意，<meter> 元素不适用于表示百分比，如进度条。对于这种情况，应使用 [[HTML——progress元素]]。<meter> 元素的视觉表现可能会因浏览器而异。

使用场景

电池电量指示器
评分系统